<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<f:loadBundle basename="com.ibm.demoBankJSF.bundles.Resources" var="bundle" />
<f:loadBundle basename="com.ibm.demoBankJSF.bundles.Messages" var="bundle2" />
<html>
<head>
<title>Rellenar datos transferencia</title>
<link rel="Stylesheet" href="/demoBankJSF/css/demoBank.css" type="text/css">
<title>Consulta movimientos DemoBank</title>
<script src="/demoBank/jss/scripts.js"></script>
<script type="text/javascript" language="javascript">
	window.onload = function() { 
	habilitarTx(false);
	}
	var soyUnaTransferencia = new Boolean();
	var nav4 = window.Event ? true : false;
	function  habilitarTx(habilitado){
	
		soyUnaTransferencia=habilitado;
		document.forms['transferencia'].elements['transferencia:listaCuentas1'].disabled=habilitado;
		document.forms['transferencia'].elements['transferencia:entidad'].disabled=!habilitado;
		document.forms['transferencia'].elements['transferencia:oficina'].disabled=!habilitado;
		document.forms['transferencia'].elements['transferencia:dc'].disabled=!habilitado;
		document.forms['transferencia'].elements['transferencia:numCuen'].disabled=!habilitado;
		document.forms['transferencia'].elements['transferencia:transferenciaRB'].checked =habilitado;
		document.forms['transferencia'].elements['transferencia:traspasoRB'].checked=!habilitado;
		
	}
	
	function actualizacuentaDestinoNoPropia(){
	
		document.forms['transferencia'].elements['transferencia:cuentaDestinoNoPropia'].value=
		document.forms['transferencia'].elements['transferencia:entidad'].value +
		document.forms['transferencia'].elements['transferencia:oficina'].value +
		document.forms['transferencia'].elements['transferencia:dc'].value +
		document.forms['transferencia'].elements['transferencia:numCuen'].value;
		
	}
	
	function validaForm(){
	
		var importe = document.forms['transferencia'].elements['transferencia:importe'].value;
		var cuentaOrigen= document.forms['transferencia'].elements['transferencia:listaCuentas'].value;
		if(soyUnaTransferencia){
			var cuentaDestino = document.forms['transferencia'].elements['transferencia:cuentaDestinoNoPropia'].value;
		}else{
			var cuentaDestino = document.forms['transferencia'].elements['transferencia:listaCuentas1'].value;
		}
		if( importe==null || importe<=0){
			alert(document.getElementById('errorImporte').value);
			return false;
			}
		if(cuentaOrigen==cuentaDestino){
				alert(document.getElementById('errorCoincidenciaCuentas').value);
				return false;
			}
		if(cuentaDestino==null || cuentaDestino.length!=20){
			alert(document.getElementById('errorCuentaDestinoIncorrecta').value);
			return false;
			}
			if(!soyUnaTransferencia) document.forms['transferencia'].elements['transferencia:listaCuentas1'].value="";	
		return true;
		
	}
</script>
</head>
<body>
<f:view>
	<h:panelGrid columns="1" styleClass="body">
		<f:subview id="cabecera">
			<jsp:include page="cabecera.jsp" />
		</f:subview>
		
		<h:panelGrid columnClasses="menu, areaPrincipal" styleClass="principal" columns="2">
			<f:subview id="menu">
				<jsp:include page="menu.jsp" />
			</f:subview>
			<h:form onsubmit="return validaForm();" id="transferencia">
				<h:panelGrid  columns="2">
					<h:outputText styleClass="textoNormal" value="#{bundle.cuentaOrigen}" />
					<h:selectOneMenu styleClass="textoNormal" id="listaCuentas" value="#{TransferenciaBean.cuentaOrigen}">
						<f:selectItems value="#{ListaCuentasBean.cuentas}" />
					</h:selectOneMenu>
				</h:panelGrid>
				<h:panelGrid  columns="1">
					<h:panelGroup>
						<h:selectOneRadio styleClass="textoNormal" id="traspasoRB" onclick="habilitarTx(false)">
								<f:selectItem   itemValue="1" itemLabel="#{bundle.traspaso}"/>
						</h:selectOneRadio> 
					</h:panelGroup>
				</h:panelGrid>
				<h:panelGrid  columns="2">
					<h:outputText styleClass="textoNormal" value="#{bundle.cuentaDestino}" />
					<h:selectOneMenu styleClass="textoNormal" id="listaCuentas1" value="#{TransferenciaBean.cuentaDestinoPropia}">
						<f:selectItems value="#{ListaCuentasBean.cuentas}" />
					</h:selectOneMenu>
					</h:panelGrid>
				<h:panelGrid  columns="1">
					<h:panelGroup>
						<h:selectOneRadio styleClass="textoNormal" id="transferenciaRB" onclick="habilitarTx(true)">
								<f:selectItem    itemValue="1" itemLabel="Transferencia"/>
						</h:selectOneRadio> 
					</h:panelGroup>
					</h:panelGrid>
				<h:panelGrid  columns="2">
					<h:outputText styleClass="textoNormal" value="#{bundle.cuentaDestino}" />
					<h:panelGroup>
						<h:inputText styleClass="textoNormal" id="entidad" maxlength="4" size="4" onchange="actualizacuentaDestinoNoPropia();"  onkeypress="return soloNumeros(event);" />
						<h:inputText styleClass="textoNormal" id="oficina" maxlength="4"  size="4" onchange="actualizacuentaDestinoNoPropia();" onkeypress="return soloNumeros(event);" />
						<h:inputText styleClass="textoNormal" id="dc" maxlength="2" size="2" onchange="actualizacuentaDestinoNoPropia();"  onkeypress="return soloNumeros(event);" />
						<h:inputText styleClass="textoNormal" id="numCuen" maxlength="10"  size="10" onchange="actualizacuentaDestinoNoPropia();"  onkeypress="return soloNumeros(event);" />
						<h:inputHidden id="cuentaDestinoNoPropia" value="#{TransferenciaBean.cuentaDestinoNoPropia}" />
					</h:panelGroup>
					<h:outputText styleClass="textoNormal" value="#{bundle.importe}" />
					<h:inputText styleClass="textoNormal" id="importe" value="#{TransferenciaBean.importe}" onkeypress="return soloNumeros(event);" maxlength="12" size="12"/>
					<h:outputText styleClass="textoNormal" value="#{bundle.comentario}" /> 
					<h:inputText styleClass="textoNormalComentario" value="#{TransferenciaBean.comentario}" id="comentario" maxlength="50"  size="50"/>
				</h:panelGrid>
				<h:panelGrid  columns="1">
					<h:commandButton styleClass="textoNormal" id="submit" action="#{TransferenciaBean.validarTransferencia}"  value="#{bundle.realizarTransferencia}" />
				</h:panelGrid>
				<h:panelGrid  columns="1">
					<h:messages styleClass="error" />
				</h:panelGrid>
			</h:form>
		</h:panelGrid>
	</h:panelGrid>
	<h:inputHidden id="errorImporte" value="#{bundle2.errorImporte}" />
	<h:inputHidden id="errorCuentaDestinoIncorrecta" value="#{bundle2.errorCuentaDestinoIncorrecta}" />
	<h:inputHidden id="errorCoincidenciaCuentas" value="#{bundle2.errorCoincidenciaCuentas}" />
</f:view>
</body>
</html>